<html lang="en">
	<head>
		<title>Smarketing</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="assets/css/bootstrap.css" rel="stylesheet">
		<link href="assets/css/smarketing.css" rel="stylesheet">
		<style type="text/css">
			@font-face {
				font-family: 'Bebas';
				src: url('assets/fonts/BEBAS___-webfont.eot');
				src: url('assets/fonts/BEBAS___-webfont.eot') format('embedded-opentype'),
					 url('assets/fonts/BEBAS___-webfont.woff') format('woff'),
					 url('assets/fonts/BEBAS___-webfont.ttf')  format('truetype'),
					 url('assets/fonts/BEBAS___-webfont.svg#Bebas') format('svg');
				}
		</style>
	</head>
	<body style="padding-bottom:40px">
		<div class="navbar navbar-fixed-top navbar-inverse">
			<div class="navbar-inner">
				<div class="container">
					<ul class="nav">
						<a class="brand" href="index.html">
							<img src="assets/img/smarketing_logo.png" alt>
						</a>
						<li>
							<a href="OurMission.html">About</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Events
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="UpcomingEvents.html">Upcoming</a>
								</li>
								<li>
									<a href="#">Archives <i class="icon-arrow-right"></i></a>
									<ul id="archives-menu" class="dropdown-menu sub-menu">
										<li>
											<a href="2012NetworkingNight.html">2012 Networking Night</a>
										</li>
										<li>
											<a href="2011NetworkingNight.html">2011 Networking Night</a>
										</li>
										<li>
											<a href="NielsenCaseCompetition.html">Nielsen Case Competition</a>
										</li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<a href="Mentorship.html">Mentorship</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Contact
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="ContactUs.php">Talk to Us</a>
								</li>
								<li>
									<a href="JoinUs.html">Join Us</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>			
		</div>
		<div id="myCarousel" class="carousel slide">
			<div class="carousel-inner">
				<div class="item">
					<img src="assets/img/Highlights/MNN4_banner.jpg" alt>
					<div class="container">
						<div class="carousel-caption" style="width:300px">
							<h1 style="color:black; text-shadow: 0 0">MNN 4: Inside</h1>
							<p class="lead" style="color:black; text-shadow: 0 0">
								Join us on 18th Oct, for an evening of business card swapping and networking with leaders in the field of Digital Marketing 
							</p>
							<a class="btn btn-large btn-primary" href="UpcomingEvents.html">See MNN 4</a>
						</div>
					</div>				
				</div>
				<div class="item">
					<img src="assets/img/Highlights/mentorship.jpg" alt>
					<div class="container">
						<div class="carousel-caption">
							<h1>CMO Mentorship Programme</h1>								
							<p class="lead">
								A collaborative initiative between Smarketing and the APAC chapter of the international Chief Marketing Officers (CMO) council, the CMO Mentorship Programme was pioneered in 2012 for marketing students to foster relationships with marketing professionals as their mentors. 
							</p>
							<a class="btn btn-large btn-primary" href="Mentorship.html">Read More</a>
						</div>
					</div>				
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">&#8249;</a>
			<a class="right carousel-control" href="#myCarousel" data-slide="next">&#8250;</a>
		</div>
		<div class="container" >
			<hr>
			<footer>
				<p>&#169; Smarketing</p>
			</footer>
		</div>
		<script src="http://code.jquery.com/jquery.js"></script>
		<script src="assets/js/bootstrap.js"></script>
		<script>
			$(document).ready(function()
			{
			    $('#myCarousel').carousel({
			      interval: 10000
			    });

			    $('#myCarousel').carousel('next');
			});
		</script>
	</body>
</html>